<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>login</title>
<script type="text/javascript" src="../js/vue.min.js"></script>
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<link rel="stylesheet" href="../css/login.css">
<link rel="stylesheet" href="../css/bootstrap.min.css">
</head>
<body>
	<div class="row1 login-max" id="logind">
			<div class="well col-md-10">
				<h3>用户登录</h3>
				<div class="input-group input-group-md">
					<span class="input-group-addon" id="sizing-addon1"><i
						class="glyphicon glyphicon-user" aria-hidden="true"></i></span> <input
						type="text" class="form-control" placeholder="用户名"
						aria-describedby="sizing-addon1">
				</div>
				<div class="input-group input-group-md">
					<span class="input-group-addon" id="sizing-addon1"><i
						class="glyphicon glyphicon-lock"></i></span> <input type="password"
						class="form-control" placeholder="密码"
						aria-describedby="sizing-addon1">
				</div>
				<button type="button" class="btn btn-success btn-block" @click="login()">登录</button>
			</div>
	</div>


	<script>
		var vue = new Vue({
			el : '#logind',
			data : {
				message : 'Hello Vue.js!'
			},
			methods : {
				login : function() {
					alert(this.message);
				},
			}
		});
	</script>
</body>
</html>